import React, { useState } from 'react'
let num = 10 //普通数据,数据的修改默认无法触发视图更新
export default function UseStateDemo() {
  let [count,setCount] = useState(66)  //使用Hook方法定义一个响应式数据count，默认值为66，后续可以使用setCount触发数据响应式变化
  return (
    <div>
      <h1>普通数据：{num}</h1>
      <button onClick={()=>{
        num++  //修改普通数据
        console.log(num); 
      }}>普通数据+</button>

      <h1>响应式数据：{count}</h1>
      <button onClick={()=>{
        count++  //修改数据
        setCount(count) //触发数据响应式更新
        console.log(count); 
      }}>响应式数据+</button>
    </div>
  )
}
